uniapp中使用uni.$emit和uni.$on进行页面通讯传值 |
您所在的位置：网站首页 › uniapp onload数据渲染问题 › uniapp中使用uni.$emit和uni.$on进行页面通讯传值 |
|
注意事项 1.uni. e m i t 、 u n i . emit、 uni. emit、uni.on 、 uni. o n c e 、 u n i . once 、uni. once、uni.off 触发的事件都是 App 全局级别的，跨任意组件，页面，nvue，vue 等 2.使用时，注意及时销毁事件监听，比如，页面 onLoad 里边 uni. o n 注 册 监 听 ， o n U n l o a d 里 边 u n i . on 注册监听，onUnload 里边 uni. on注册监听，onUnload里边uni.off 移除，或者一次性的事件，直接使用 uni.$once 监听 A页面传值，使用uni.$emit export default { data() { return {}; }, onLoad() { uni.$emit('setData', { name:'老王' }); } };B页面接收值，使用uni. o n 或 u n i . on 或 uni. on或uni.once uni. o n ： 监 听 全 局 的 自 定 义 事 件 ， 事 件 由 u n i . on：监听全局的自定义事件，事件由 uni. on：监听全局的自定义事件，事件由uni.emit 触发，回调函数会接收事件触发函数的传入参数。 uni. o n c e ： 监 听 全 局 的 自 定 义 事 件 ， 事 件 由 u n i . once：监听全局的自定义事件，事件由 uni. once：监听全局的自定义事件，事件由uni.emit 触发，但仅触发一次，在第一次触发之后移除该监听器。 uni.$off：移除全局自定义事件监听器 export default { data() { return { name:'' }; }, onLoad() { // 监听事件 uni.$on('setData',function(data){ this.name=data.name console.log('A页面传的值为:' + data.name); }); }, onUnload() { // 移除监听事件 uni.$off('setData'); } }; |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |